page{
  background: #f4f6fa;
}
.overseer{
  .typeList{
    width: 750rpx;
height: 98rpx;
background: #FFFFFF;
display: flex;
.typeItem{
flex: 1;

picker{
  width: 100%;
  height: 100%;
  
}
.picker{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 98rpx;
}
text{

font-weight: bolder;
font-size: 28rpx;
}
.active{
  color:#DE414D ;
}
 image{
vertical-align: bottom;
  width: 32rpx;
  height: 32rpx;
 
  // display: block;
  // margin-top: 10rpx;
 }
}
  }
  .caseList{
    display: flex;
    flex-wrap: wrap;
    padding: 0 32rpx;
    box-sizing: border-box;
    // background: rgb(244,246,250);
    padding-top: 40rpx;
}
.caseItem{
  &:nth-of-type(2n-1){
    margin-right: 30rpx;
  }
  margin-bottom: 54rpx;
  image{
    width: 328rpx;
height: 264rpx;
border-radius: 16px;
  }
  .name{
    margin-top: 13rpx;
font-size: 28rpx;
width: 328rpx;
color: #000000;
font-weight: bolder;
display: flex;
align-items: center;
.text{
  display: inline-block;
width: 43%;
white-space:nowrap; 
text-overflow: ellipsis;
overflow: hidden;
}

  }
  .specifications{
    margin-top: 12rpx;
font-size: 24rpx;
color: #797A7C;
  }
  .style{
    margin-top: 16rpx;
    display: inline-block;
    max-width: 328rpx;
    padding:0 16rpx;
    box-sizing: border-box;
    white-space:nowrap; 
   text-overflow: ellipsis;
   overflow: hidden;
height: 35rpx;
border-radius: 18rpx;
border: 1rpx solid #D6000F;
line-height: 31rpx;
// text-align: center;
padding-left: 14rpx;
box-sizing: border-box;
color: #DE414D;
font-size: 24rpx;
  }
}
}
